# 使用 Node.js 作为基础镜像来构建前端项目
FROM node:20.18.0 AS builder

# 设置工作目录
WORKDIR /app

# 复制 package.json 和 package-lock.json 或 yarn.lock
COPY package*.json ./

# 安装项目依赖
RUN npm install

# 复制项目的所有源代码
COPY . .

# 运行构建命令（确保你的项目可以通过 npm run build 进行构建）
RUN npm run build

FROM nginx:latest

# 复制 Nginx 配置文件（可选，自定义配置）
# COPY ./nginx.conf /etc/nginx/nginx.conf

RUN rm -rf /usr/share/nginx/html/*
COPY --from=builder /app/dist /usr/share/nginx/html

EXPOSE 80

# 启动 Nginx
CMD ["nginx", "-g", "daemon off;"]
